<!-- Users Comments -->
<section class="comments-box w-comments">
    <div class="cat-widget">
        <div class="cat-widget-title">
            <h3>
                Comentarios
            </h3>
        </div>
        <div class="cat-widget-content">
            <div id="commentsContainer" class="row-fluid comments">
                {foreach from=$comments item=c}
                    <article class="media">
                        <div class="media-body span10">
                            <a href="#">
                                <h4 class="media-heading">{$c->getUser()}</h4>
                            </a>
                            <div class="media">
                                <div>
                                    <p>
                                        {$c->getComentario()}
                                    </p>
                                </div>
                                <ul>
                                    <li>
                                        <span title="Comment Time">
                                            <i class="bo-icon-time">
                                            </i>
                                            {$c->getFechaCreado()|date_format: "%d-%m-%Y"}, {$nota->getFechaCreado()|date_format: "%H:%M"}
                                        </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </article>
                {/foreach}
            </div>
            <div class="row-fluid split-top leave-comment">
                <h4>
                    Deja tu comentario
                </h4>
                <p>
                    Tu email no ser&aacute; publicado. Los campos requeridos est&aacute;n marcados con
                    <i class="bo-icon-star">
                    </i>
                </p>
                <form>
                    <fieldset>
                        <label for="txtCommenterName">
                            Tu Nombre
                            <i class="bo-icon-star">
                            </i>
                        </label>
                        <input id="txtCommenterName" type="text" placeholder="Tu nombre" required="required" />
                        <div class="row-fluid">
                            <div class="span6">
                                <label for="txtCommenterEmail">
                                    Email
                                    <i class="bo-icon-star">
                                    </i>
                                </label>
                                <input id="notaid" type="hidden" value="{$nota->getNotaID()}" />
                                <input id="txtCommenterEmail" type="email" placeholder="Tu email no ser&aacute; publicado" required="required" />
                            </div>
                            <div class="span6">
                                <label for="txtCommenterURL">
                                    Website
                                </label>
                                <input id="txtCommenterURL" type="url" placeholder="http://www.website-si-existe.com" />
                            </div>
                        </div>
                        <label for="txtCommenterText">
                            Comentario
                            <i class="bo-icon-star">
                            </i>
                        </label>
                        <textarea id="txtCommenterText" rows="3" cols="100" placeholder="Escribe tu comentario" required="required"></textarea>
                        <button id="postComentario" type="button" class="btn-theme">
                            Publicar Comentario
                        </button>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</section>
